<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="UTF-8"%>
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>登陆</title>
        <link rel="stylesheet" href="assets/css/css/bootstraplogin.min.css">
        <link rel="stylesheet" href="assets/css/css/login.css">
        <link rel="stylesheet" href="assets/plugins/growl-notification/colored-theme.min.css">
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="assets/js/popper.min.js"></script>
        <script src="assets/plugins/growl-notification/growl-notification.min.js"></script>
        <script src="assets/js/sys.js"></script>
        <style>
            body{
                background-image: url("assets/img/images/red_bg.jpg");
            }
            .goback{
                position: absolute;
                z-index: 99999;
                right: 10%;
                top: 3%;
                font-size: 18px;
                color: whitesmoke;
                text-decoration: none;
            }
            .goback:hover{
                color: gray;
            }
            .logo{
                width: 225px;
                height: 120px;
                display: block;
                position: relative;

            }
        </style>
    </head>
    <body >
        <!--返回首页-->
        <a href="index.jsp" class="goback"><i></i>返回首页</a>

        <!--登陆模块-->
        <div class="modal fade in" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" style="display: block;"><div style="display:table; width:100%; height:100%;"><div style="vertical-align:middle; display:table-cell;"><div class="modal-dialog modal-sm" style="width:540px;">
            <div class="modal-content" style="border: none;height:330px">
                <div class="col-left" style="background: url('assets/img/images/sprite_0.png') 0 -717px;">
                    <img src="assets/img/images/logo.png" alt="" class="logo">
                </div>
                <div class="col-right">
                    <div class="modal-header">
                        <button type="button" id="login_close" class="close" data-dismiss="modal"><span aria-hidden="true"></span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title" id="loginModalLabel" style="font-size: 18px;">找回密码</h4>
                       
                        	
                        
                    </div>
                    <div class="modal-body">
                        <section class="box-login v5-input-txt" id="box-login">
                            <form id="find_form" action="" method="post" autocomplete="off">

                                <ul style="margin-top:20px">
                                    <li class="form-group"><h1>请输入用户绑定的邮箱，密码发送至你的邮箱</h1></li>
                                    <li class="form-group"><input class="form-control" id="email" maxlength="50" name="hdlUserEmail" placeholder="请输入邮箱账号" type="text"></li>
                                    

                                </ul>
                         
	                            <p class="good-tips marginB10"  style="margin-top:15px"><a href="login.jsp" id="btnForgetpsw" class="fr">返回登录</a>
	                            </p>
	                            <div class="login-box marginB10" style="margin-top:60px"> <!--style="position: relative;top: 5px"-->
	                                <input id="login_btn" type="submit" class="btn btn-micv5 btn-block globalLogin" value="找回密码"></input>
	                                <div id="login-form-tips" class="tips-error bg-danger" style="display: none;">错误提示</div>
	                            </div>
                            </form>


                         
                        </section>
                    </div>
                </div>
            </div>
        </div>
        </div>
        </div>
        </div>

<script>
	var form = document.querySelector("#find_form");
	
	form.onsubmit = function(){
		var email = $("#email").val();
		$.post(
				"findPsd.let",
				{hdlUserEmail:email},
				function(data){
					if(data.code == 1){//错误
						sys.toastr.warn(data.msg);
					}else{
						sys.toastr.success(data.msg);
					}
				},
				"json"
				)
		
		return false;
	}
   
</script>
</body>
</html>
